<template>
  <van-cell-group v-if="stat > 0" title="整改情况">
    <van-row v-if="stat > 0" class="panel-extend">
      <van-row>责任部门</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.duty_dept.substr(rectify.duty_dept.indexOf('/') + 1)"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row v-if="stat > 1" class="panel-extend">
      <van-row>整改期限</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.rectify_deadline"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row v-if="stat > 1" class="panel-extend">
      <van-row>整改措施</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.rectify_content"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row v-if="stat > 3" class="panel-extend">
      <van-row>落实情况</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.rectify_commit"/>
    </van-row>
    <van-row class="split-h"/>
  </van-cell-group>
</template>

<script>
import DictMixin from '@/mixins/DictMixin'
export default {
  name: 'PanelRectifyExtendInfo',
  mixins: [DictMixin],
  props: ['rectify'],
  data () {
    return {
      stat: this.dictRectifyStat(this.rectify.rectify_status)
    }
  }
}
</script>

<style scoped lang="less">
  .panel-extend{
    padding: 10px 10px 10px 16px;
    font-size: 12px;
    .van-row{
      font-weight: 600;
    }
    .van-field{
      padding: 0px;
      font-size: 12px;
      line-height: 18px;
    }
  }

  .van-field{
    /deep/ .van-field__label {
      font-weight: bold;
    }
    font-size: 12px;
  }
</style>
